<template>

<div id="app">
  <!-- 渲染输入框 -->
  <Top></Top>

  <!-- 渲染轮播图 -->
  <Swiper></Swiper>

  <!-- 列表渲染 -->
  <List></List>

  <!-- 商品渲染 -->
  <Shop></Shop>

  <!-- 渲染导航栏 -->
  <Foot></Foot>
</div>


</template>

<script>
import Swiper from './components/Swiper.vue'


export default {
  name: 'App',
  components: {
    Swiper

  }
}
</script>

<style lang="css">
*{
  padding: 0;
  margin: 0;
  list-style: none;
}
#app{
  position: relative;
  height: 730px;
}

</style>
